﻿<UserControl x:Class="ARViewFinder.Controls.OverlayGroup"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:arcontrols="clr-namespace:ARViewFinder.Controls"
             mc:Ignorable="d"
             FontFamily="{StaticResource PhoneFontFamilyNormal}"
             FontSize="{StaticResource PhoneFontSizeNormal}"
             Foreground="{StaticResource PhoneForegroundBrush}" HorizontalAlignment="Center" VerticalAlignment="Center">
    
    <UserControl.Resources>
        <DataTemplate x:Key="AugmentedItemTemplate">
            <arcontrols:OverlayItem DataContext="{Binding}" />
        </DataTemplate>
    </UserControl.Resources>
    
    <!--<Grid x:Name="LayoutRoot" Background="Black" Opacity="0.7" Height="Auto" Width="250">
        <Grid.RowDefinitions>
            <RowDefinition Height="*" />
            <RowDefinition Height="48" />
        </Grid.RowDefinitions>-->
    <Border Background="Black" Opacity=".7">
        <StackPanel x:Name="stackPanel" Orientation="Vertical" Width="250">
            <ScrollViewer MaxHeight="332">
                <ListBox x:Name="Items"
                         ItemTemplate="{StaticResource AugmentedItemTemplate}"
                         />
            </ScrollViewer>
            <Image x:Name="btnNavigateToDetails" 
                   Source="/Assets/metro-arrow-right-cut.png"
                   Width="48"
                   Height="48"
                   VerticalAlignment="Bottom"
                   HorizontalAlignment="Right"
                   />
        </StackPanel>
    </Border>
    <!--</Grid>-->
</UserControl>
